<template>
  <view>
    <u-sticky h5-nav-height="0">
      <view class="header border-bottom">
        <view class="version-name">
          {{ versionData.name }}
        </view>
        <!-- <view class="u-flex u-row-center u-font-24">
          <view class="u-flex">
            <view v-if="versionData.open === 0" class="u-text-right blue-text">
              <text class="u-p-r-8">免费</text>
            </view>
            <view v-else class="u-text-right u-p-r-12 blue-text border-right">
              <text class="u-p-r-8">首年</text>
              <text>¥{{ versionData.open }}</text>
            </view>
            <view v-if="versionData.renew === 0" class="u-text-left">
              <text class="grey-text">不可入单</text>
            </view>
            <view v-else class="u-p-l-12 u-text-left">
              <text class="u-p-r-8 grey-text">续费</text>
              <text>¥{{ versionData.renew }}/年</text>
            </view>
          </view>
        </view> -->
      </view>
    </u-sticky>

    <view class="container">
      <view class="u-p-t-48 border-bottom">
        <view v-for="(item,index) in versionData.contentList" :key="index">
          <view v-if="item !== '-'" class="u-font-24 u-p-b-36">{{ item }}</view>
        </view>
      </view>
      <view class="u-flex u-row-center u-m-t-52 u-p-b-66" style="width: 100%;">
        <view class="btn black-text u-flex u-row-center" @click="toIndex">系统全部版本</view>
      </view>
    </view>

  </view>
</template>

<script>
import {mobileData} from '../../static/data/data.js'

export default {
  data() {
    return {
      versionData: {},
    }
  },
  onLoad(options) {
    this.versionData = mobileData[options.key]

  },
  methods: {
    toIndex() {
      this.$u.route('/pages/index/index')
    }
  }
}
</script>

<style lang="scss" scoped>
.header {
  height: 120rpx;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

.version-name {
  width: 100%;
  padding-top: 30rpx;
  font-size: 36rpx;
  font-weight: 600;
  text-align: center;
  padding-bottom: 12rpx;
}

.container {
  padding: 0 84rpx 0;
  color: var(--black-color);

  .btn {
    width: 324rpx;
    height: 90rpx;
    font-size: 30rpx;
    border-radius: 6rpx;
    border: solid 1px #cecfd0;
  }
}

.font-bold {
  font-weight: bold;
}
</style>
